<template>
    <div>
         <h4>组件篇-父子通信</h4>
        <!-- 向子组件传递数据 -->
        <defineEmits ref="defemit" name="张三" :age="20" @emits-info="defEmit"></defineEmits>

        <!-- 通过在子组件定义的 emits-info 事件 获取子组件传递过来的数据 -->
        {{ emitsData }}
    </div>
</template>

<script setup>
import { onMounted, ref } from 'vue';
import defineEmits from './defineEmits.vue';

const emitsData = ref()

// 获取子组件传递过来的数据
const defEmit = function (data) {
    console.log(data);
    emitsData.value = data
}





</script>

<style lang="scss" scoped></style>